{% extends 'ApiCloud/Base/layout.html.twig' %}
{% block css %}
    <style>
        body {
            background-image: -moz-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
            background-image: -webkit-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
            background-image: -ms-linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
            background-image: linear-gradient( 135deg, rgba(60, 8, 118, 0.8) 0%, rgba(250, 0, 118, 0.8) 100%);
        }
    </style>
{% endblock %}
{% block body %}
    <form action="">

        <div style="width: 100vw;height: 100vh;" class="flex-c">
            <div class="flex2"></div>
            <div class="flex6 flex-center">
                <img alt="" style="width: 10rem;height: auto" class="appicon" src="/dl/logo200_no_bj.png">
            </div>
            <div class="flex6 padl10 padr10 flex-c flex-center tac c13">
                <div class="tac fs12 flrc op8" style="border-bottom: 1px solid rgba(255,255,255,.5)">
                    <span class="fa fa-mobile"></span>
                    <span class="pad3 fs10">注册人手机号</span>
                    <input class="tar c13" type="tel" style="border:none; padding: 0 ;margin: 0;background: none" placeholder="">
                </div>

                <div class="tac fs12 flrc op8 mart20" style="border-bottom: 1px solid rgba(255,255,255,.5)">

                    <span class="fa fa-lock"></span>
                    <span class="pad3 fs10">推荐人手机号</span>
                    <input class="tar c13" type="password" style="border:none; padding: 0 ;margin: 0;background: none" placeholder="">
                </div>
            </div>
            <div class="flex6 padl10 padr10">
                <label for="sub">
                    <div class="bc13 c11 tac pad5 round2"><span class="op7">绑定</span></div>
                    <input id="sub" type="submit" class="hidden">
                </label>
            </div>
            <div class="flex2"></div>
        </div>
    </form>
{% endblock %}
